<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>块消息</title>

    <script src="js/commonCss.js?v=20190430"></script>
    <script src="js/commonJs.js?v=20190430"></script>

    <link rel="stylesheet" type="text/css" href="css/personal.css?v=20190430">
    <script src="js/page/personal.js?v=20190430"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>

<div id="main">
    <div class="content">
        <!--头像和菜单-->
        <div id="my-info">
            <personal-menu-content  :is-three="true"></personal-menu-content>
        </div>

        <!--具体内容显示-->
        <div id="info-list">
            <!--积分块-->

                <div class="int-box-info no-login-int" id="my-int">
                    <div class="int-box-my">
                        <div class="title">我的积分</div>
                        <div class="int-msg">
                            <span class="name">我的积分</span>
                            <div class="total" v-cloak="">{{ total }}</div>
                            <div class="int-btn-box"><div class="int-btn pointer" @click="goGainInt"><img src="image/int.png"><span>赚积分</span><img src="image/intMore.png"></div></div>
                        </div>
                    </div>
                    <div class="int-box-total">
                        <div class="title">积分总览</div>
                        <table class="table int-table">
                            <tr>
                                <td class="name name-4" valign="middle"><img src="image/intReg.png"  style="margin-top:-3px;">注册账户</td>
                                <td class="value" v-cloak=""><span>{{ regNum }}</span></td>
                                <td class="name name-2"  valign="middle"><img src="image/intRecom.png"  >推荐</td>
                                <td class="value" v-cloak="">{{ recomNum }}</td>
                                <td class="name name-2"  valign="middle"><img src="image/intSharp.png"  >分享</td>
                                <td class="value" v-cloak="">{{ shareNum }}</td>
                            </tr>
                            <tr>
                                <td class="name name-4"  valign="middle"><img src="image/intDay.png" style="margin-top:-5px;">每日签到</td>
                                <td class="value" v-cloak="">{{ signIn }}</td>
                                <td class="name name-2"  valign="middle"><img src="image/intGress.png" >竞猜</td>
                                <td class="value" v-cloak=""><span>{{ guesing }}</span></td>
                                <td class="name">&nbsp;</td>
                                <td class="value">&nbsp;</td>
                            </tr>
                        </table>
                    </div>
                </div>


                <div class="int-box-list">
                    <div class="title">积分明细</div>
                    <table class="list-table">
                        <thead>
                            <tr>
                                <td class="ltd">操作时间</td>
                                <td class="mtd">操作类型</td>
                                <td class="rtd">收支</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="item in items" v-cloak="">
                                <td class="ltd create-time">{{ item.time }}</td>
                                <td class="mtd cont-type">{{ item.type }}</td>
                                <td class="rtd in-out">{{ item.amt}}</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="no-login hidden" >暂无信息</div>
                    <div class="loadData hidden">数据加载中...</div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>


    </div>
</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>
</body>
</html>
